<a href="http://wander.do.am/index/projects/0-17"><span class="contentTitle">TJAC Website</span></a>
<br>
<br>
<table>
    <tr>
        <td>
            
            <img class="imageIcon" src="http://wander.do.am/Projects/11TJACWeb/Icon.jpg" />
        </td>
        <td>
            <ul>
                <li>2010-10 to 2011-01.</li>
                <li>This is a dynamic website for Tongji Apple Club(abbr. TJAC)’s daily use.</li>
                <li>Members from TJAC can then create ideas, projects, articles using this website, making TJAC’s management more fluent and efficient.</li>
                <li>This project used Struts 2, Hibernate and J2EE.</li>
                <li>I’m proud of this website. I’m the team leader of 6 people. It’s already in use at <a href="http://sse.tongji.edu.cn:8090/tjac.">here</a>.</li>
            </ul>
        </td>
    </tr>
</table>
<br>
<span class="redTitle">Pictures</span>
<br>
<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/01.png">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/01.png" />
</a>
<p class="paraIntro">Front page of TJAC, showing the 6 main parts: ideas, articles, projects, activities, affairs.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/02.png">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/02.png" />
</a>
<p class="paraIntro">Registing page, registered student will be come a member of the system.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/03.png">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/03.png" />
</a>
<p class="paraIntro">Help page.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/04.png">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/04.png" />
</a>
<p class="paraIntro">About us page.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/05.png">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/05.png" />
</a>
<p class="paraIntro">Login page.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/06.jpg">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/06.jpg" />
</a>
<p class="paraIntro">Projects page, help members to manage and review their projects.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/07.jpg">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/07.jpg" />
</a>
<p class="paraIntro">Activities page, making it easy to hold activities and notify members.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/08.jpg">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/08.jpg" />
</a>
<p class="paraIntro">Ideas page, help members to record their ideas.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/10.jpg">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/10.jpg" />
</a>
<p class="paraIntro">Control Panel, the very start of Administrator and members.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/11.jpg">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/11.jpg" />
</a>
<p class="paraIntro">Members page, the Administrator can search a members in serveral clicks.</p>

<a href="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/12.jpg">
    <img class="contentImage" src="http://i1082.photobucket.com/albums/j371/wanderseeme/11TJAC%20Website/12.jpg" />
</a>
<p class="paraIntro">Search result page, search everything stored on the website.</p>